<!--<template>-->
<!--  <el-tabs-->
<!--      v-model="editableTabsValue"-->
<!--      type="card" closable-->
<!--      @tab-remove="removeTab"-->
<!--      @tab-click="clickTab"-->
<!--  >-->
<!--    <el-tab-pane-->
<!--        v-for="(item, index) in editableTabs"-->
<!--        :key="item.name"-->
<!--        :label="item.title"-->
<!--        :name="item.name"-->
<!--    >-->
<!--    </el-tab-pane>-->
<!--  </el-tabs>-->
<!--</template>-->

<!--<script>-->
<!--export default {-->
<!--  name: "Tabs",-->
<!--  data() {-->
<!--    return {-->
<!--      // editableTabsValue: 'Index',-->
<!--      // editableTabsValue: this.$store.state.menus.editableTabsValue,-->
<!--      // editableTabs: this.$store.state.menus.editableTabs-->
<!--    }-->
<!--  },-->
<!--  // 动态监控点击菜单的变化-->
<!--  computed: {-->
<!--    editableTabs: {-->
<!--      get() {-->
<!--        return this.$store.state.menus.editableTabs-->
<!--      },-->
<!--      //才可以删除标签-->
<!--      set(val){-->
<!--        this.$store.state.menus.editableTabs = val-->
<!--      }-->
<!--    },-->
<!--    editableTabsValue: {-->
<!--      get(){-->
<!--        return this.$store.state.menus.editableTabsValue-->
<!--      },-->
<!--      set(val) {-->
<!--        this.$store.state.menus.editableTabsValue = val-->
<!--      }-->
<!--    }-->

<!--  },-->
<!--  methods: {-->
<!--    removeTab(targetName) {-->
<!--      let tabs = this.editableTabs;-->
<!--      let activeName = this.editableTabsValue;-->
<!--      if (activeName === targetName) {-->
<!--        tabs.forEach((tab, index) => {-->
<!--          if (tab.name === targetName) {-->
<!--            let nextTab = tabs[index + 1] || tabs[index - 1];-->
<!--            if (nextTab) {-->
<!--              activeName = nextTab.name;-->
<!--            }-->
<!--          }-->
<!--        });-->
<!--      }-->

<!--      this.editableTabsValue = activeName;-->
<!--      this.editableTabs = tabs.filter(tab => tab.name !== targetName);-->
<!--      this.$router.push({name: activeName})-->
<!--    },-->
<!--    //点击不同的标签更换显示的页面-->
<!--    clickTab(target) {-->
<!--      this.$router.push(target.name)-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style scoped>-->

<!--</style>-->